.h1,.h2,.h3,.h4,.h5,.h6,body{
    font-family:  Microsoft Yahei,"Helvetica Neue",Helvetica,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif;
}
ul{
    padding: 0;
}
.tip{
    position: fixed;
    top: 55px;
    right: 5px;
    z-index:1051;

}
.alert{
    margin-bottom: 5px;
    float:right;
}
.message{
    width: 98%;
    height: 98%;
    margin-bottom: 15px;
}


.big-head{
    background-image: url('../images/big-head-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-color: #171a28;
    height: 316px;

}
.big-head h1{
    color:#ffffff;
    font-size: 48px;
    text-shadow: 0 1px 5px rgba(0,0,0,0.9),0 0 30px rgba(0, 0, 0, 0.075);
}
.big-head small{
    color: #fafafa;

}
.lab-name{
    font-size: 24px;
    height: 68px;
    overflow:hidden;
}
.lab-info{
    height: 130px;
    overflow-y: scroll;
}
.form-group{
    margin-bottom:27px ;
}
.bigger{
    font-size: 15px;
}
.pwd_bigger{
    font-size: 22px;
}
.move_left{
    margin-left: -30px;
}
.reset-pwd-big{
    font-size: 48px;
}

.webuploader-container {
    position: relative;
}
.webuploader-element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #00b7ee;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.webuploader-pick-hover {
    background: #00a2d4;
}

.webuploader-pick-disable {
    opacity: 0.6;
    pointer-events:none;
}

/*整个对话框*****************************/
.msg-window{
    /*height:600px ;*/
    background-color: rgb(242,242,245);
    border: 1px solid rgba(0,0,0,.2);

}
.msg-window li{
    list-style-type: none;
}
/****************对话框头部*****************************/
.msg-header{
    background-color: white;
    font-size: 24px;
    padding: 5px 15px;
}
/****************对话框主体*****************************/
.msg-container{
    background-color:ghostwhite;
    height:88%;

}
/****************左侧可滚动的人员列表*****************************/
.left-scroll-content{
     width: 100px;
     background-color: rgb(93, 167, 209);
      height:100%;
     overflow:auto
}
/****************左侧人员列表项*****************************/
.msg-list-item{
     text-indent: 5px;
     height: 40px;
     line-height: 40px;
     /*border-bottom: 1px solid #f5f5f5;*/
     position: relative;
}
.msg-list-item a{
    display: block;
    width: 90px;
    height: 35px;
    color: white;
    text-decoration:none;
}
.msg-list-item a:hover{
    width: 100% ;
    height: 100%;
    background-color: rgb(142,190,220);

}
/* **左侧移除按钮** */
.close-icon{
    position: absolute;
    top:0px;
    right: 3px;

}
/* **左侧红点** */
.red-circle{
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: orangered;
    position: absolute;
    top:17px;
    right: 22px;
}
/****************内容右部****************************/
.right-content{
    width: 450px;
    margin-right: 10px;
    height:100%;
}
/****************内容右部的消息列表***************/
.content-list{
    padding:10px ;
}

.content-item span{
    color: gray;
}
.content-item p{
    margin : 15px,0;
    color: gray;
    padding-left: 10px;
    border-radius: 5px;
    border: 1px solid rgb(204,204,204);
    background-color:white ;
    width: 300px;

}
/****************内容右部的聊天列表****************/
.chat-content{
     padding-top: 10px;
     height:100%;
}
/*** ****可滚动的上部分聊天列表**** ***/
.chat-scroll-content{
   height:80%;
   overflow: auto;
}
.item{
    margin-bottom: 20px;
}
.item-content{
    margin-left: 10px;
}
.item-face{
    margin-left: 10px;
}
.item-face img{
    width: 50px;
    height: 50px;
}
.item-info span{
    color: darkgray;
}
.item-detail{
    color: gray;
    width: 300px;
    border-radius: 12px;
    background-color: white;
    padding-left: 15px;
}
/* **内容右部的发送区域*** */
.send-msg{
    margin-top: -10px;
   padding-left: 25px;
    height:10%;
}
.send-content{
    width: 300px;
    margin-right: 15px;

}
.send-btn{
    margin-left: -18px;
    margin-top: 10px;
    width: 60px;

}


